<template>
    <view class="post-from">
        <!-- 标题 -->
        <view class="post-title">
            <input
                class="title"
                placeholder="请填写标题（必填）"
                v-model="postStore.formData.title"
            />
        </view>

        <!-- 内容 -->
        <view class="post-content">
            <textarea
                class="content"
                placeholder="请填写内容（必填）"
                v-model="postStore.formData.content"
            />
        </view>
    </view>
</template>

<script setup>
import { usePostStore } from '@/stores/postStores';

const postStore = usePostStore();
</script>

<style lang="scss">
.post-from {
    .post-title {
        .title {
            width: 100%;
            height: 80rpx;
            border-radius: 10rpx;
            padding: 0 20rpx;
        }
    }

    .post-content {
        border: 1rpx solid $han-global-border-color;
        .content {
            width: 100%;
            height: 450rpx;
            border-radius: 10rpx;
            padding: 10rpx 20rpx;
            line-height: $han-line-height-base;
        }
    }
}
</style>
